<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Yorick-admin 登录</title>

    <!--Favicon -->
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>

    <!--Bootstrap.min css-->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">

    <!--Icons css-->
    <link rel="stylesheet" href="assets/css/icons.css">

    <!--Style css-->
    <link rel="stylesheet" href="assets/css/style.css">

    <!--mCustomScrollbar css-->
    <link rel="stylesheet" href="assets/plugins/scroll-bar/jquery.mCustomScrollbar.css">

    <!--Sidemenu css-->
    <link rel="stylesheet" href="assets/plugins/toggle-menu/sidemenu.css">

    <!--Toastr css-->
    <link rel="stylesheet" href="assets/plugins/toastr/build/toastr.css">
    <link rel="stylesheet" href="assets/plugins/toaster/garessi-notif.css">

    <!--yorick css-->
    <link rel="stylesheet" href="assets/css/yorick-style.css">
</head>

<body class="bg-primary">
<div id="app">
    <section class="section section-2">
        <div class="container">
            <div class="row">
                <div class="single-page single-pageimage construction-bg cover-image "
                     data-image-src="assets/img/news/img14.jpg">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="wrapper wrapper2">
                                <form id="login" class="card-body" tabindex="500">
                                    <h3>Login</h3>
                                    <div class="username">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <input type="text" name="username" id="username">
                                                <label>账号</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="passwd">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <input type="password" name="password" id="password">
                                                <label>密码</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="code">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <input type="code" name="username" id="code">
                                                <label>验证码</label>
                                            </div>
                                            <div class="col-sm-6">
                                                <canvas class="canvas" id="canvas" width="100px" height="40px"></canvas>
                                            </div>
                                        </div>
                                    </div>
                                        <div class="submit">
                                            <a class="btn btn-primary btn-block" id="loginBtn">登录</a>
                                        </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="log-wrapper text-center">
                                <img src="assets/img/brand/logo-white.png" class="mb-2 mt-4 mt-lg-0 " alt="logo">
                                <p>这是一个我个人自研的基于SpringBoot的RBAC权限管理框架，前端采用BootStrap作为网页框架和Jquery作为网页脚本框架，
                                    此网页主要是为了我方便展示权限框架而顺便抽空写的</p>
                                <a class="btn btn-primary mt-3" href="https://gitee.com/yorickromantic">更多</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<!--Jquery.min js-->
<script src="assets/js/jquery.min.js"></script>

<!--popper js-->
<script src="assets/js/popper.js"></script>

<!--Tooltip js-->
<script src="assets/js/tooltip.js"></script>

<!--Bootstrap.min js-->
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>

<!--Jquery.nicescroll.min js-->
<script src="assets/plugins/nicescroll/jquery.nicescroll.min.js"></script>

<!--Scroll-up-bar.min js-->
<script src="assets/plugins/scroll-up-bar/dist/scroll-up-bar.min.js"></script>

<script src="assets/js/moment.min.js"></script>

<!--mCustomScrollbar js-->
<script src="assets/plugins/scroll-bar/jquery.mCustomScrollbar.concat.min.js"></script>

<!--Sidemenu js-->
<script src="assets/plugins/toggle-menu/sidemenu.js"></script>

<!--Scripts js-->
<script src="assets/js/scripts.js"></script>

<!--Toastr js-->
<script src="assets/plugins/toastr/build/toastr.min.js"></script>
<script src="assets/plugins/toaster/garessi-notif.js"></script>
<!--绘制验证码 js-->
<script src="assets/js/drawCode.js"></script>
<!--后台接口-->
<script src="js/login.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        getCode()
    })

    $("#canvas").click(function () {
        getCode()
    })

</script>
</body>
</html>